<template>
<!--错误页面-->
  <div>
    <ul class="list">
      <li v-for="an in answ">
        {{an.num}}、{{an.title}}
        <p>正确答案：{{an.ropt}}</p>
        <p class="error">错误答案：{{an.eopt}}</p>
      </li>
      <!--<li>-->
        <!--4、关于房地产置业投资说法，正确的是（）-->
        <!--<p>正确认答案：C 房地产置业投资的目的是自用或获取</p>-->
        <!--<p class="error">错误答案：房地产置业投资的对象只能是旧房地产</p>-->
      <!--</li>-->
    </ul>
  </div>
</template>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .list{
    li{
      font-size: 18px;
      color: #000;
      margin-bottom: 30px;
      p{
        color: #009900;
        margin-top: 10px;
      }
      .error{
        color: #ff3300;
      }
    }
  }
</style>
<script type="text/ecmascript-6">
    export default {
        name: '',
        props: ['answ'],
        data() {
            return {};
        },
        methods: {},
        created() {
        },
        components: {}
    }
</script>
